<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="/lib/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="/sass/index.css"/>
		<link rel="stylesheet" href="/font/iconfont.css" />
		<link rel="stylesheet" href="/lib/swiper-5.4.5/css/swiper.min.css" />
	</head>
	<body>
				
		<!-- header -->
		<div class="head">	</div>
						
		<!-- 详情页 -->
		<div class="box">
		</div>
		
		<script type="text/html" id="prodDetailTemplate">
			<div class="zoom">
				<div class="zoomPup">
					<img src="{{photo[0].url}}" class="zoom-image" />
				</div> 
				<!-- 右边大窗口 -->
				<!-- <div class="zoomWindow">
					<img src="{{photo[0].url}}"/>
				</div> -->
				<!-- 下方缩略图 -->
				<div class="swiper-container swiper-container-initialized " style="height: 80px; float: left;">
				    <div class="swiper-wrapper" style="width: 80px;">
						{{each photo item}}
						<div class="swiper-slide" style="width: 80px; margin-right:5px;z-index: 999;">
							<img src="{{item.url}}" style="width: 80px; height: 80px;"/>
						</div>
						{{/each}}
				    </div>
				</div>
				 
				    <!-- Add Arrows -->
				    <div class="swiper-button-next " tabindex="-1"  aria-disabled="true" style="left:750px; top:555px"></div>
				    <div class="swiper-button-prev" tabindex="0"  aria-disabled="false" style="left:300px; top:555px"></div>
				</div>
				
			</div>
			
			<!-- right -->
			<div class="box-right">
				<img src="{{photo[0].url}}" style="width: 485px;height: 240px;"/>
				<h2 style="margin-top: 34px;text-align: right;float: right;">￥{{price}}</h2>
				<span style="float: left;text-align: left;height: 42px;">
					<h2 class="prodDes">{{title}}</h2>
				</span>
				<form action="" method="post" name="goodsForm" id="goodsForm">
					<div class="h_box">
						<dl class="h_ss h_ss_re goodsattr">
							<dt style="height: 50px;line-height: 50px;">规格</dt>
							<dd class="attrs0">
								<span>
									<b class="selected0">请选择</b><i></i>
								</span>
								<div class="h_size h_size2" style="display: none;">
									<p class="select_attr" data-id="0" attr-id="3426" data-attr_id="3426|3428" select-id="1">
										<label>奥利奥派对层层-15cm*5.5cm-奥利奥芝士巧克力口味</label>
										<font>￥279.00</font>
									</p>
									<p class="select_attr" data-id="0" attr-id="3427" data-attr_id="3427|3428" select-id="1">
										<label>奥利奥巧心层层-15cm*5.5cm-奥利奥芝士巧克力口味</label>
										<font>￥279.00</font>
									</p>
								</div>
							</dd>
						</dl>
						<input type="hidden" name="spec_list[]" class="spec1" value="" autocomplete="off">
						<div class="h_ss h_goumai" style="background:#87d0e3; ">
							<a class="line" href="#" style="color:#fff; padding-left:0px; text-align:center;">收藏</a>
						</div>
						<dl class="h_ss h_ss_re iscanstatus">
							<dt style="height: 50px;line-height: 50px;">餐具</dt>
							<dd class="attrs">
								<span>
									<input type="hidden" name="spec_can" value="5人份">
									<b class="selected_can">请选择（免费）</b><i></i>
								</span>
								<div class="h_size h_size2 canju" style="display: none;">  
									<p class="can" data-val="5人份"><label>请选择上方规格</label></p>
								</div>
							</dd>
						</dl>
						<div class="h_ss h_goumai" style="background:#87d0e3; ">
							<a href="#" style="color:#fff; padding-left:0px; text-align:center;" class="add-shoppingCar">加入购物车</a>
						</div>
						<dl class="h_ss">
							<dt style="height: 50px;line-height: 50px;">数量 </dt>
							<dd style="height: 50px;line-height: 50px;">
								<div class="h_shuxz">
									<a href="#" onclick="chageNumber(0);">-</a>
									<input  onblur="chageNumber(2);" id="number" value="1" name="number" autocomplete="off" class="text-count">
									<a href="#" onclick="chageNumber(1);">+</a> 
								</div>
							</dd>
						</dl>
						<div class="h_ss h_goumai">
							<a href="/html/gouwuche.html" style="padding-left:0px; text-align:center;">立即购买</a> 
						</div>
					</div>
				</form>
			</div>
			<!-- 广告展示图片 -->
			<div class="detail_pic" style="margin-top:12px;">
				{{each descContentList item}}
				<p>
					<img src="{{item.image.url}}">
				</p>
				{{/each}}
			</div>
		</script>
	
		
		<!-- footer	 -->
		<div class="h_footer"></div>
		
		<div class="tip">
			加入成功
		</div>
		<script type="text/javascript" src="/lib/require/require.js" data-main="/js/detail">			
		</script>
	</body>
</html>
